<template>
  <div class="column clearfix">
    <div class="inner-column">
      <Nav></Nav>
      <nav-content></nav-content>
    </div>
  </div>
</template>

<script>
import Nav from "../../components/Nav";
import NavContent from "../../components/Nav-Content";
export default {
  name: "Column",
  components: {
    Nav,
    NavContent,
  },
};
</script>

<style lang="less" scoped>
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.column {
  min-width: 100%;
  .inner-column {
    width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
  }
}
</style>